<template>
  <svg viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
    <defs>
      <linearGradient id="matrixGradient" x1="0%" y1="0%" x2="100%" y2="100%">
        <stop offset="0%" style="stop-color:#f59e0b;stop-opacity:1" />
        <stop offset="100%" style="stop-color:#d97706;stop-opacity:1" />
      </linearGradient>
      <filter id="matrixGlow">
        <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
        <feMerge> 
          <feMergeNode in="coloredBlur"/>
          <feMergeNode in="SourceGraphic"/>
        </feMerge>
      </filter>
    </defs>
    
    <!-- 矩阵网格 -->
    <g fill="url(#matrixGradient)" filter="url(#matrixGlow)">
      <!-- 第一行 -->
      <rect x="10" y="10" width="8" height="8" rx="2"/>
      <rect x="26" y="10" width="8" height="8" rx="2"/>
      <rect x="42" y="10" width="8" height="8" rx="2"/>
      
      <!-- 第二行 -->
      <rect x="10" y="26" width="8" height="8" rx="2"/>
      <rect x="26" y="26" width="8" height="8" rx="2"/>
      <rect x="42" y="26" width="8" height="8" rx="2"/>
      
      <!-- 第三行 -->
      <rect x="10" y="42" width="8" height="8" rx="2"/>
      <rect x="26" y="42" width="8" height="8" rx="2"/>
      <rect x="42" y="42" width="8" height="8" rx="2"/>
    </g>
    
    <!-- 连接线 -->
    <g stroke="url(#matrixGradient)" stroke-width="1.5" fill="none" opacity="0.6">
      <!-- 水平连接 -->
      <line x1="18" y1="14" x2="26" y2="14"/>
      <line x1="34" y1="14" x2="42" y2="14"/>
      <line x1="18" y1="30" x2="26" y2="30"/>
      <line x1="34" y1="30" x2="42" y2="30"/>
      <line x1="18" y1="46" x2="26" y2="46"/>
      <line x1="34" y1="46" x2="42" y2="46"/>
      
      <!-- 垂直连接 -->
      <line x1="14" y1="18" x2="14" y2="26"/>
      <line x1="14" y1="34" x2="14" y2="42"/>
      <line x1="30" y1="18" x2="30" y2="26"/>
      <line x1="30" y1="34" x2="30" y2="42"/>
      <line x1="46" y1="18" x2="46" y2="26"/>
      <line x1="46" y1="34" x2="46" y2="42"/>
    </g>
    
    <!-- 中心高亮 -->
    <circle cx="30" cy="30" r="4" fill="#ffffff" opacity="0.8"/>
  </svg>
</template>

<script setup>
// 矩阵图标组件
</script>

<style scoped>
svg {
  width: 100%;
  height: 100%;
}
</style>